

body 												 {font-family:"Century Gothic", "微軟正黑體", "新細明體",  sans-serif!important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:"Century Gothic", "微軟正黑體", "新細明體",  sans-serif!important;}
.dropdown:hover .dropdown-menu {display: block;}

body.login{background: url("../images/bg_login.jpg"); padding-top:10%;}
.breadcrumb{font-size: 12px;}
/*login page*/
.login .well {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(250, 250, 250);
    /* RGBa with 0.6 opacity */
    background-color: rgba(250, 250, 250, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    border:0;
    box-shadow: 0px 1px 3px #fff;
}
.form-signin {
max-width: 600px;
padding: 15px;
margin: 0 auto;
}
/*END login*/

/*table*/
th.center, td.center {text-align: center;}
th.right, td.right {text-align: right;}
.table thead tr {
color: #707070;
font-weight: normal;
background: #f2f2f2;
background-image: -webkit-gradient(linear,left 0,left 100%,from(#f8f8f8),to(#ececec));
background-image: -webkit-linear-gradient(top,#f8f8f8,0%,#ececec,100%);
background-image: -moz-linear-gradient(top,#f8f8f8 0,#ececec 100%);
background-image: linear-gradient(to bottom,#f8f8f8 0,#ececec 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',endColorstr='#ffececec',GradientType=0);
}
.tableckeck{width:80px;}
.tablestyle .pagination{margin: 0px;}
.table-fontbig {font-size: 1.3em;}
/*END table*/

/*checkbox and radio style <input type="checkbox" class="echeck"><span class="eck"></span>*/
input[type=checkbox].echeck, input[type=radio].echeck {
opacity: 0;
position: absolute;
z-index: 12;
width: 18px;
height: 18px;
cursor: pointer;
}
input[type=checkbox].echeck+.eck::before, input[type=radio].echeck+.eck::before {
font-family: fontAwesome;
font-weight: normal;
font-size: 12px;
color: #32a3ce;
content: "\a0";
background-color: #fafafa;
border: 1px solid #c8c8c8;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 0;
display: inline-block;
text-align: center;
vertical-align: middle;
height: 16px;
line-height: 14px;
min-width: 16px;
margin-right: 1px;
}
input[type=checkbox].echeck+.eck::before, input[type=radio].echeck+.eck::before {
font-family: fontAwesome;
font-weight: normal;
font-size: 12px;
color: #32a3ce;
content: "\a0";
background-color: #fafafa;
border: 1px solid #c8c8c8;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 0;
display: inline-block;
text-align: center;
vertical-align: middle;
height: 16px;
line-height: 14px;
min-width: 16px;
margin-right: 1px;
}
input[type=checkbox].echeck:checked+.eck::before, input[type=radio].echeck:checked+.eck::before {
display: inline-block;
content: '\f00c';
background-color: #f5f8fc;
border-color: #adb8c0;
box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1);
}
input[type=checkbox].echeck:hover+.eck::before, input[type=radio].echeck:hover+.eck::before, input[type=checkbox].echeck+.eck:hover::before, input[type=radio].echeck+.eck:hover::before {
border-color: #ff893c;
}
/*END checkbox and radio style*/


/*button style*/
.btn-xs{padding:2px 4px;}
/*.btn {
display: inline-block;
color: #FFF!important;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25)!important;
background-image: none!important;
border: 1px solid transparent;
border-radius: 1px;
box-shadow: none!important;
-webkit-transition: all ease .15s;
transition: all ease .15s;
cursor: pointer;
vertical-align: middle;
margin: 0;
position: relative;
}.btn-info, .btn-info:focus {
background-color: #6fb3e0!important;
border-color: #6fb3e0;
}.btn-info:hover, .open .btn-info.dropdown-toggle {
background-color: #4f99c6!important;
border-color: #6fb3e0;
}.btn-danger, .btn-danger:focus {
background-color: #d15b47!important;
border-color: #d15b47;
}.btn-danger:hover, .open .btn-danger.dropdown-toggle {
background-color: #b74635!important;
border-color: #d15b47;
}
.btn:hover{margin-top: 0px; 
 border-bottom-width: 1px; }
 .tablestyle .btn{
margin: 0 3px;
}*/
/*END button style*/
.input-file{width: 100%;}
.input-file .button {
position: absolute;
right: 20px;
float: none;
margin: 5px 0 0 0;
padding: 0 14px;
font-size: 13px;
line-height: 22px;
}
.input-file .btn-danger {
position: absolute;
right: 0px;
float: none;
margin: 5px 0 0 0;
padding: 0 14px;
font-size: 13px;
line-height: 22px;
}

.input-file .button input {
position: absolute;
top: 0;
right: 0;
padding: 0;
font-size: 30px;
cursor: pointer;
opacity: 0;

}
.input-file input{
margin-bottom:3px;
width: 100%;

}
table.middle td{
vertical-align: middle!important;}

/*img prev */

.form-control.picprevform{height:80px;}
.input-file .picprevbtn{height:70px;line-height: 70px;}
.previmg {border-radius: 4px;display: block;height: 80px;margin-bottom: 3px;overflow:hidden;}
.previmg img{background-color: #eee;border: 1px solid #ccc;height: 80px;max-height: 158px;max-width: 150px;padding: 2px;}
.input-file button.btn.btn-s.btn-danger{height: 70px;line-height: 68px;right: -76px;width: 86px;}

.prevpiclabel .form-control.picprevform{width: 70%;display: inline-block;float: right;}
.prevpiclabel .picprevbtn{}
.prevpiclabel .moveleft{right: 110px;}
.prevpiclabel  button.btn.btn-s.btn-danger{right: 20px;}
.prevpiclabel .previmg{display: inline-block;}
.prevfix{width:100%;}
.showimg		{border: 1px #d4d4d4 solid;background: #fff;border-radius: 4px;display: inline-block;padding:3px;}
.showimg:hover	{opacity:0.9;filter: alpha(opacity=90);}
.showimg img	{height: 100px;max-width: 400px;border: 1px #d4d4d4 solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 4px;}


label.error {/* remove the next line when you have trouble in IE6 with labels in list */color: red;font-style: italic}

.input-group[class*="col-"]{padding-right: 15px;
padding-left: 15px;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #FFF;}
.multinput{display:inline-block; max-width:150px;margin-bottom:3px;}